<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>像素蛇大冒险</title>
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="data:,">
</head>
<body>
    <div class="game-container">
        <h1>像素蛇大冒险</h1>
        <div class="game-wrapper">
            <canvas id="gameCanvas"></canvas>
            <div id="loadingMessage" style="display: none;">
                游戏资源加载中...
            </div>
            <div class="game-info">
                <div class="score-panel">
                    <div class="score">分数: <span id="score">0</span></div>
                    <div class="high-score">最高分: <span id="highScore">0</span></div>
                    <div class="level">关卡: <span id="level">1</span></div>
                </div>
                <div class="controls">
                    <button id="startBtn">开始游戏</button>
                    <button id="pauseBtn">暂停 [空格]</button>
                </div>
                <div class="instructions">
                    <p>使用方向键控制蛇的移动</p>
                    <p>按空格键暂停/继续游戏</p>
                    <p>吃到食物得10分</p>
                    <p>碰到地雷扣5分（地雷8秒后消失）</p>
                    <p>吃到黄色香蕉得50分（5秒后消失）</p>
                    <p>每30秒自动升级，速度增加20%</p>
                    <p>地雷数量随游戏时间增加</p>
                    <p>每升一级游戏区域将缩小</p>
                </div>
            </div>
        </div>
    </div>
    <script src="game.js"></script>
</body>
</html> 